<template>
  <button @click="fetchPostFun">fetch</button>
</template>
<script setup>
const fetchGetFun = function () {
  // 请求成功
  const resPromise = fetch("http://localhost:11434/api/version") // fetch 默认执行 GET 请求，返回的 response 是一个 Response 对象
    .then((response) => response.json()) // response.json() 返回一个 Promise 对象，解析为 JSON 格式的数据
    .then((data) => console.log(data)) // data 是一个对象，包含了请求返回的数据
    .catch((error) => console.error("Error:", error)); // 如果请求失败，catch() 会捕获错误并执行相应的代码
};

const fetchPostFun = function () {
  const request = new Request(
    "http://localhost:11434/api/chat", // fetch 默认执行 POST 请求，返回的 response 是一个 Response 对象
    {
      method: "POST", // 设置请求方法为 POST
      headers: {
        // 设置请求头
        "Content-Type": "application/json", // 设置请求体的类型为 JSON
      },
      body: JSON.stringify({
        // 设置请求体，使用 JSON.stringify() 将对象转换为 JSON 字符串
        model: "deepseek-r1:8b",
        messages: [
          {
            role: "user",
            content: "你好吗？什么是deepseek R1？",
          },
        ],
        stream: false,
      }),
    }
  );
  // 请求成功
  const resPromise = fetch(request)
    .then((response) => response.json())
    .then((data) => console.log(data))
    .catch((error) => console.error("Error:", error));
};
</script>